/* override bootstrap default */
body {
	font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft Yahei', sans-serif;
}
.card {
	border-radius: 0;
}
/* text helper class */
.text-small {
	font-size: .75rem;
}
.text-light {
	color: #9aa;
}
.text-white {
	color: white;
}
/* util */
.clickable {
	cursor: pointer;
}
/* list view */
.list-view .list-group-item {
	padding: 1rem 1rem;
	border-width: 0 !important;
}

/* for desktop */
@media (width >= 1000px) {
	body {
		background-color: #fafafa;
		padding-top: .5rem;
	}
	#app {
		margin-left: auto;
		margin-right: auto;
		max-width: 60rem;
		border: 1px solid #f0f0f0;
		box-shadow: 1px 1px 6px rgba(0,0,0,.1);
		overflow: auto;
		background-color: white;
	}
}